{% extends "_layout.html" %}
{% import "component/statistics.njk" as statistics %}

{# 样式代码 #}
{% block style %}
<title>完成详情</title>
<link rel="stylesheet" type="text/css" href="css/percircle.css" />
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/percircle.js"></script>
<style type="text/css">
    html,body,.mui-content{ background-color: #f5f5f5;}
</style>
{% endblock %}

{# bodyd代码#}
{% block body %}
<div class="mui-content">
    <div class="mb-homework mb-homework1">
        <h4 class="mb-date mb-date1">作业名称：{{data.name}}</h4>
        <h4 class="mb-date mb-date1">完成时间：{{data.createDate}}</h4>
        <div class="mb-homeworklist1 xw-border-top">
            <!--正确率-->
            <div id="pinkcircle" class="mb-c c100 p{{data.accuracy}} among orange">
						<span>
							<p>正确率</p>
							<p>{{data.accuracy}}%</p>
						</span>
                <div class="slice">
                    <div class="bar"></div>
                    <div class="fill"></div>
                </div>
            </div>
            <div class="mb-tab-completes mui-clearfixs">
                <div class="mb-time-use mui-pull-left xw-border-right">
                    用时：{{data.time}}
                </div>
                <div class="mb-time-use mui-pull-left xw-border-right">
                    难度：{{data.avgDifficulty}}
                </div>
            </div>
            <ul class="mb-correct-rate mui-clearfix">



                    {%for item in data.taskQuestionRepostDTOs%}
                <li>
                    {%if item.validatResult != 1%}
                    <a class="comp-error" href="arrhomework4?id={{item.taskQuestionId}}">
                        <span>{{loop.index}}</span>
                    </a>
                    {%else%}
                    <a class="comp-right" href="arrhomework4?id={{item.taskQuestionId}}">
                        <span>{{loop.index}}</span>
                    </a>
                </li>
                    {%endif%}
                    {%endfor%}




            </ul>
        </div>
    </div>
</div>
{% endblock %}

{#js代码#}
{% block js %}

<!--flotdemo-->
{% endblock %}
